﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="PropertyAppraisal.Index1" %>


<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="copyright" content="All Rights Reserved, Copyright (C) 2013, Wuyeguo, Ltd." />
    <title>EasyUI Web Admin Power by Wuyeguo</title>


    <link rel="stylesheet" type="text/css" href="easyui/easyui/1.3.2/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="easyui/css/wu.css" />
    <link rel="stylesheet" type="text/css" href="easyui/css/icon.css" />

    <%--<script type="text/javascript" src="easyui/js/jquery-1.8.0.min.js"></script>--%>

      <script type="text/javascript" src="easyui/easyui/1.3.2/jquery-1.8.0.min.js"></script>
      <script type="text/javascript" src="easyui/easyui/1.3.2/jquery.easyui.min.js"></script>
      <script type="text/javascript" src="easyui/easyui/1.3.2/locale/easyui-lang-zh_CN.js"></script>                                                                                      
     

</head>
<body class="easyui-layout">
    <!-- begin of header -->
    <div class="wu-header" data-options="region:'north',border:false,split:true">
        <div class="wu-header-left">
            <h1>房产评估系统</h1>
        </div>
        <div class="wu-header-right">
            <p><strong class="easyui-tooltip" title="2条未读消息">admin</strong>，欢迎您！</p>
            <p><a href="#">网站首页</a>|<a href="#">支持论坛</a>|<a href="#">帮助中心</a>|<a href="#">安全退出</a></p>
        </div>
    </div>
    <!-- end of header -->
    <!-- begin of sidebar -->
    <div class="wu-sidebar" data-options="region:'west',split:true,border:true,title:'导航菜单'">
        <div class="easyui-accordion" data-options="border:false,fit:true">
         <%--    <div title="项目立项" data-options="iconCls:'icon-application-cascade'" style="padding: 5px;">
                <ul class="easyui-tree wu-side-tree">
                    <li iconcls="icon-chart-organisation"><a href="javascript:void(0)" data-icon="icon-chart-organisation" data-link="项目立项/LiXiangList.aspx" iframe="0">列表/立项</a>
                    <li iconcls="icon-users"><a href="javascript:void(0)" data-icon="icon-chart-organisation" data-link="项目立项/LiXiangRegistered.aspx" iframe="0">登记</a></li>
                </ul>
            </div>--%>
              <div data-options="iconCls:'icon-application-cascade'" style="padding: 5px;" id="div1">

               </div>
        </div>
    </div>
    <!-- end of sidebar -->
    <!-- begin of main -->
    <div class="wu-main" data-options="region:'center'">
        <div id="wu-tabs" class="easyui-tabs" data-options="border:false,fit:true">
            <div title="首页" data-options="href:'Welcome.aspx',closable:false,iconCls:'icon-tip',cls:'pd3'"></div>
        </div>
    </div>
    <!-- end of main -->
    <!-- begin of footer -->
    <div class="wu-footer" data-options="region:'south',border:true,split:true">
        &copy; 2013 Wu All Rights Reserved
    </div>
    <!-- end of footer -->

        
    <script>
        aa();
        function aa() {
            $.ajax({
                type: "post", //要用post方式                 
                url: "Index.aspx/Partent",//方法所在页面和方法名
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                async: false,
                success: function (data) {
                    var json = eval("(" + data.d + ")");

                    //alert(json[0].authority_Name);
                    //var htmltab = " <div title=\"" + json[0].authority_Name + "\" data-options=\"iconCls:'icon-application-cascade'\" style=\"padding: 5px;\">";
                    //htmltab += "<span id=\"zhi\">" + parentId(json[0].authority_Id) + "</span>";
                    //htmltab += "</div>";

                    $("#div1").attr("title", "" + json[0].authority_Name + "");


                    parentId(json[0].authority_Id)

                },
                error: function (err) {
                    alert(err);
                }
            });
        }

        //显示子级节点
        function parentId(id) {
            $.ajax({
                type: "post", //要用post方式                 
                url: "Index.aspx/PartentId",//方法所在页面和方法名
                data: "{'id':'" + id + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                async: false,
                success: function (data) {
                    var json = eval("(" + data.d + ")");
                    strhtml = "<ul id='abcc' class=\"wu-side-tree\">";
                    for (var i = 0; i < json.length; i++) {
                    
                        strhtml += "<li iconcls=\"icon-chart-organisation\"><a class=\"aaa\" href=\"javascript:void(0)\" data-icon=\"icon-chart-organisation\" data-link=\"" + json[i].authority_Url + "\" iframe=\"1\">" + json[i].authority_Name + "</a></li>";
                    }
                    strhtml += "</ul>";

                    $("#div1").append(strhtml);

                    $("#abcc").addClass("easyui-tree");
                }
            })
        }


        $(function () {
            $('.aaa').bind("click", function () {
                var title = $(this).text();
                var url = $(this).attr('data-link');
                var iconCls = $(this).attr('data-icon');
                var iframe = $(this).attr('iframe') == 1 ? true : false;
                addTab(title, url, iconCls, iframe);
            });
        })

        /**
		* Name 载入树形菜单 
		*/
       // $('#wu-side-tree').tree({
        //    url: 'temp/menu.php',
        //    cache: false,
        //    onClick: function (node) {
        //        var url = node.attributes['url'];
        //        if (url == null || url == "") {
        //            return false;
        //        }
         //       else {
         //           addTab(node.text, url, '', node.attributes['iframe']);
         //       }
         //   }
     //   });

        /**
		* Name 选项卡初始化
		*/
        $('#wu-tabs').tabs({
            tools: [{
                iconCls: 'icon-reload',
                border: false,
                handler: function () {
                    $('#wu-datagrid').datagrid('reload');
                }
            }]
        });

        /**
		* Name 添加菜单选项
		* Param title 名称
		* Param href 链接
		* Param iconCls 图标样式
		* Param iframe 链接跳转方式（true为iframe，false为href）
		*/
        function addTab(title, href, iconCls, iframe) {
            var tabPanel = $('#wu-tabs');
            if (!tabPanel.tabs('exists', title)) {
                var content = '<iframe scrolling="auto" frameborder="0"  src="' + href + '" style="width:100%;height:99%;"></iframe>';
                if (iframe) {
                    tabPanel.tabs('add', {
                        title: title,
                        content: content,
                        iconCls: iconCls,
                        fit: true,
                        cls: 'pd3',
                        closable: true
                    });
                }
                else {
                    tabPanel.tabs('add', {
                        title: title,
                        href: href,
                        iconCls: iconCls,
                        fit: true,
                        cls: 'pd3',
                        closable: true
                    });
                }
            }
            else {
                tabPanel.tabs('select', title);
            }
        }
        /**
		* Name 移除菜单选项
		*/
        function removeTab() {
            var tabPanel = $('#wu-tabs');
            var tab = tabPanel.tabs('getSelected');
            if (tab) {
                var index = tabPanel.tabs('getTabIndex', tab);
                tabPanel.tabs('close', index);
            }
        }
    </script>
</body>
</html>

